<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>房源信息</title>
    <link rel="stylesheet" href="./CSS/houseinfo.css">
    <link rel="stylesheet" href="./swiper8/swiper-bundle.min.css">
</head>
<body>
    <header>
        <div class="logo">
            <img src="./image/index/logo.jpg">
        </div>
        <div class="my">
            <img src="./image/index/my.jpg">
        </div>
        <div class="xiazai">
            <img src="./image/index/xiazai.jpg">
        </div>
    </header>
    <div class="banner">
        <div class="swiper mySwiper">
            <div class="swiper-wrapper">
              <div class="swiper-slide"><img src="./image/SecondHandList/img.png" alt=""></div>
              <div class="swiper-slide"><img src="./image/SecondHandList/img.png" alt=""></div>
              <div class="swiper-slide"><img src="./image/SecondHandList/img.png" alt=""></div>
              <div class="swiper-slide"><img src="./image/SecondHandList/img.png" alt=""></div>
              <div class="swiper-slide"><img src="./image/SecondHandList/img.png" alt=""></div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
            <div class="swiper-pagination"></div>
          </div>
    </div>
    <main>
        <div class="title">
            <h2>天鹅湾小区精装两居，满五唯一，<br>
                业主换房急售
            </h2>
            <p class="money"><span>576</span> 万元（单价：46327元/平）
            <img src="./image/SecondHandList/phone.png" alt=""></p>
            <p class="time">挂牌时间2015年6月20日</p>
            <p class="deco"><span>学区房</span><span>独家</span><span>满五唯一</span></p>
        </div>
        <div class="houseinfo">
            <ul>
                <li>
                    <p>户型：3室2厅</p>
                    <p>面积：100平</p>
                </li>
                <li>
                    <p>楼层：中楼层</p>
                    <p>朝向：西南</p>
                </li>
                <li>
                    <p>装修：精装</p>
                    <p>楼型：塔楼</p>
                </li>
                <li>
                    <p>年代：2004年</p>
                    <p>区域：西二旗</p>
                </li>
                <li>
                    <p>首付：123万</p>
                    <p>月供：15683元</p>
                </li>
                <li>
                    地铁：离西二旗地铁站800米
                </li>
                <li>
                    小区：珠江帝景
                </li>
                <li>
                    学校：北京市第二实验小学
                </li>
            </ul>
            <div class="more"><a href="">更多房源信息</a></div>
        </div>
        <div class="housets">
            <h2>房源特色</h2>
            <p>小区环境优雅，虽处闹市中（小区南200米有美廉美超市、西30米有华联商场、星美国际影城、东北角就是大中电器，小区东100米有汇佳幼儿园、昌平实验一小，昆泰国际大酒店）</p>
            <div class="more"><a href="">更多特色</a></div>
        </div>
        <div class="housefj">
            <h2>户型分间</h2>
            <ul>
                <li>
                    <div class="img">
                        <img src="./image/SecondHandList/img4.png">
                    </div>
                    <div class="word">
                        <h5>当前格局</h5>
                        <p class="deco1">分间信息：客厅25平米，南北通透</p>
                        <div class="deco3"><span>南北通透</span><span>全明格局</span></div>
                    </div>
                </li>
                <li>
                    <div class="img">
                        <img src="./image/SecondHandList/img5.png">
                    </div>
                    <div class="word">
                        <h5>当前格局</h5>
                        <p class="deco1">分间信息：餐厅25平米，南北通透</p>
                        <div class="deco3"><span>南北通透</span><span>全明格局</span></div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="school">
            <h2>对口学校</h2>
            <ul>
                <li>学校名称：北京市第二实验小学</li>
                <li>升学方式：直升、派位</li>
                <li>对口中学：团结湖中学</li>
                <li>划片小区：3个划片小区 在售房源150套</li>
                <li>学校特色：包食宿、有校车</li>
            </ul>
            <div class="more"><a href="">查看学校详情</a></div>
        </div>
        <div class="map">
            <h2>位置及周边</h2>
            <div id="container"></div> 
        </div>
        <div class="housetj">
            <h2>推荐房源</h2>
            <ul>
                <li>
                    <div class="img">
                        <img src="./image/index/img1.jpg">
                    </div>
                    <div class="word">
                        <h5>文化部中间层 一层带...</h5>
                        <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                        <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                        <div class="deco3"><span>学区房</span><span>独家</span></div>
                    </div>
                    <div class="ly">推荐理由:同户型通风好、采光好</div>
                </li>
                <li>
                    <div class="img">
                        <img src="./image/index/img1.jpg">
                    </div>
                    <div class="word">
                        <h5>文化部中间层 一层带...</h5>
                        <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                        <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                        <div class="deco3"><span>学区房</span><span>独家</span></div>
                    </div>
                    <div class="ly">推荐理由:同户型通风好、采光好</div>
                </li>
                <li>
                    <div class="img">
                        <img src="./image/index/img1.jpg">
                    </div>
                    <div class="word">
                        <h5>文化部中间层 一层带...</h5>
                        <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                        <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                        <div class="deco3"><span>学区房</span><span>独家</span></div>
                    </div>
                    <div class="ly">推荐理由:同户型通风好、采光好</div>
                </li>
                <li>
                    <div class="img">
                        <img src="./image/index/img1.jpg">
                    </div>
                    <div class="word">
                        <h5>文化部中间层 一层带...</h5>
                        <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                        <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                        <div class="deco3"><span>学区房</span><span>独家</span></div>
                    </div>
                    <div class="ly">推荐理由:同户型通风好、采光好</div>
                </li>
                <li>
                    <div class="img">
                        <img src="./image/index/img1.jpg">
                    </div>
                    <div class="word">
                        <h5>文化部中间层 一层带...</h5>
                        <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                        <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                        <div class="deco3"><span>学区房</span><span>独家</span></div>
                    </div>
                    <div class="ly">推荐理由:同户型通风好、采光好</div>
                </li>
                <li>
                    <div class="img">
                        <img src="./image/index/img1.jpg">
                    </div>
                    <div class="word">
                        <h5>文化部中间层 一层带...</h5>
                        <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                        <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                        <div class="deco3"><span>学区房</span><span>独家</span></div>
                    </div>
                    <div class="ly">推荐理由:同户型通风好、采光好</div>
                </li>
            </ul>
            <div class="more">
                <a href="">查看学校详情</a>
            </div>
        </div>
    </main>
    <footer>
        <div class="footer-title">
            北京找房无忧 > 首页
        </div>
        <div class="footer-content">
            <div class="footer-content-left">
                <img src="./image/index/apple.png">
                iPhone<br>
                客户端
            </div>
            <div class="footer-content-right">
                <img src="./image/index/android.png">
                Android <br>
                客户端
            </div>
            <div class="footer-content-bottom"> 
                <p>北京找房无忧房地产经纪公司</p>
                <p>网络经营许可证京ICP备20160812号</p>
            </div>
        </div>
    </footer>
</body>
</html>

<script src="./js/public.js"></script>
<script src="./swiper8/swiper-bundle.min.js"></script>
<script src="./js/banner.js"></script>
<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&&type=webgl&ak=SuAbrtK1Bu5V9XISRleW91vpdEVQ70IZ"></script>
<script src="./js/houseinfo.js"></script>